@mixin scrollbar {
    &::-webkit-scrollbar {
        width: 5px;
    }

    &::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
    }

    &::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 3px;
    }
}

@mixin define($selector, $combo: false) {
    @if $combo {
        &[class~='#{$selector}'] {
            @content;
        }
    } @else {
        & [class~='#{$selector}'] {
            @content;
        }
    }
}

@mixin defineEl($selector) {
    & [class~="#{'el-' + $selector}"] {
        @content;
    }
}
